// components/coupon-dialog/index.js
/**
 * 描述: 优惠券弹窗
 * 版权: Copyright (c) 2019
 * 公司: 深圳市网商天下科技开发有限公司
 * 作者: YUKKING
 * 版本: 1.0.0
 * 创建时间: 2019/10/24 11:39
 */
var app = getApp();
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    // 弹窗标题
    title: {
      type: String,
      value: '专享优惠券' // 默认值
    },
    // 优惠券金额
    discount: {
      type: String,
      value: '20'
    },
    // 优惠券说明
    condition: {
      type: String,
      value: '单笔订单金额满60可使用,有效期至2019年11月11日'
    },
    // 确定按钮文字
    confirmText: {
      type: String,
      value: '立即领取'
    },
    // 按钮背景颜色
    btnBgColor: {
      type: String,
      value: '#ecf028'
    },
    // 按钮字体颜色
    btnTextBgColor: {
      type: String,
      value: '#ec701d'
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    // 弹窗显示控制
    isShow: false
  },

  /**
   * 组件的方法列表
   * 引入component的页面获取该插件 this.selectComponent("#coupon-dialog");
   */
  methods: {
    //隐藏弹框
    hideLoginDialog() {
      this.setData({
        isShow: false
      })
    },
    //展示弹框
    showLoginDialog() {
      this.setData({
        isShow: true
      })
    },
    /**
     * triggerEvent 组件之间通信
     */
    _confirmEvent() {
      this.setData({
        confirmText: '领取成功',
        btnBgColor: '#b2b2b2',
        btnTextBgColor: '#f1f2f3'
      })
      this.hideLoginDialog();
      this.triggerEvent("confirm");
    },

    _cancelEvent() {
      this.hideLoginDialog();
      // this.triggerEvent("cancel");
    },
  }
})